<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <title>微众智慧社区</title>
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <link rel="stylesheet" type="text/css" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/app.css">
  <link rel="stylesheet" type="text/css" href="assets/css/common.css">
  <style type="text/css">
    body{background-color: #F7F7F7;}
  </style>
</head>
<body>
  <div class="actionbar">
    <a href="javascript:history.back();"><div class="sub-left btn-back"></div></a>
    <div class="sub-center title">小区很漂亮</div>
    <div class="sub-right"></div>
  </div>

  <div class="feed-container" style="margin-top: 44px;display:none;">
    <div class="author-bar flexbox-container-horizontal">
      <div class="header flexbox-center-center">
        <img src="assets/i/user_header2.jpg">
      </div>
      <div class="flexbox-item flexbox-center-center">
        <div style="width: 100%">
          <div class="name">猴赛雷一号</div>
          <div class="created-date">2016-01-02</div>
        </div>
      </div>
    </div>
    <div class="cover" style="height:auto;">
      <img src="assets/i/bitmap1.png">
    </div>
    <div class="content">
      <div class="title">小区很漂亮</div>
      <div class="text">文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。世界上现在除了中国文字的象形文字，其他都是拼音文字。拼音文字是语言的记录，但象形文字不是语言的记录。</div>
    </div>
    <div class="btnbar flexbox-container-horizontal flexbox-end-center">
        <div class="btn-buy" style="display: none;"></div>
        <div class="btn-praise"></div>
        <div class="btn-comment"></div>
    </div>
  </div>

  <div class="comment-container" style="margin-top: 15px;">
    <div class="author-bar">
      <img src="assets/i/user_header1.png">
      <div class="name">猴赛雷一号</div>
      <div class="created-date">2016-01-02</div>
    </div>
    <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
  </div>

  <div class="comment-container" style="margin-top: 15px;">
    <div class="author-bar">
      <img src="assets/i/user_header1.png">
      <div class="name">猴赛雷一号</div>
      <div class="created-date">2016-01-02</div>
    </div>
    <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
  </div>

  <div class="comment-container" style="margin-top: 15px;">
    <div class="author-bar">
      <img src="assets/i/user_header1.png">
      <div class="name">猴赛雷一号</div>
      <div class="created-date">2016-01-02</div>
    </div>
    <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
  </div>

  <div class="comment-container" style="margin-top: 15px;">
    <div class="author-bar">
      <img src="assets/i/user_header1.png">
      <div class="name">猴赛雷一号</div>
      <div class="created-date">2016-01-02</div>
    </div>
    <div class="text">这里是用户对商品的文字评价！文字是记录信息的图像符号。错误观点：文字是记录语言的符号。错误原因：西方中心论。</div>
  </div>

  <div style="width: 100%;height: 100px;"></div>
  <div class="flexbox-container-horizontal" style="position: fixed;left: 0px;bottom: 0px;width: 100%;height: 44px;">
    <div class="flexbox-item" style="background-color: #494949;color: #FFFFFF;line-height: 44px;text-align: center;font-size: 16px;">收   藏</div>
    <div class="flexbox-item" style="background-color: #B1D51B;color: #FFFFFF;line-height: 44px;text-align: center;font-size: 16px;">评   论</div>
  </div>
  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/amazeui.min.js"></script>
  <script>
  $(document).ready(function(e) {
    var id=GetRequest();
    //console.dir(id);
    if(id.length>0){
      $.getJSON("/getImageDetail?id="+id, function(data){
        //console.dir(data);
        if(data){
          $(".feed-container .name").text(data.username);
          $(".feed-container .created-date").text(data.date);
          $(".feed-container .text").text(data.content);
          $(".feed-container .title").text(data.title);
          $(".feed-container .cover img").attr("src",data.url);
          $(".actionbar .title").text(data.title);
        }
        $(".feed-container").slideDown();
      });
    }else{
      $(".feed-container").slideDown();
    }
  });
  //获取url中"#"后参数
  function GetRequest() {
     var url = location.href; //获取url中"?"符后的字串

     var str = url.split("#");
     //console.dir(str);
     return str[1];
  }
  </script>
</body>
</html>
